<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>题型修改</title>
		<meta name="description" content="这是一个 index 页面">
		<meta name="keywords" content="index">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="../assets/i/favicon.png">
		<link rel="apple-touch-icon-precomposed" href="../assets/i/app-icon72x72@2x.png">
		<meta name="apple-mobile-web-app-title" content="Amaze UI" />
		<link rel="stylesheet" href="../assets/css/amazeui.min.css" />
		<link rel="stylesheet" href="../assets/css/amazeui.datatables.min.css" />
		<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
		<link rel="stylesheet" href="../assets/css/app.css">
		<link rel="stylesheet" href="../assets/css/gb_my.css">
		<link rel="stylesheet" href="../assets/css/font-awesome.css">
		<link rel="stylesheet" href="../assets/css/bootstrap-reset.css">
	</head>

	<body data-type="chart">
		<div class="am-g tpl-g">
			<!--头部-->
			<nav class="navbar navbar-default top-navbar">
				<div class="navbar-header">
					<a class="navbar-brand waves-effect waves-dark" href="javascript:;">
						<img src="../assets/img/logo.png" alt="">
						<strong>轻课网考试系统</strong>
					</a>
					<div id="sideNav" href="">
						<i class="mulv QK QK-mulu"></i>
					</div>
				</div>

				<ul class="nav navbar-top-links navbar-right aaa">
					<li>
						<a id="down_" class="sign-out dropdown-button waves-effect waves-dark" href="javascript:;">
							<span class="am-icon-sign-out"></span> 退出
						</a>
					</li>
					<li>
						<a class="dropdown-button waves-effect waves-dark" href="javascript:;"><b>欢迎你, <span class="userName"></span> </b></a>
					</li>
				</ul>
			</nav>
			<!--导航栏-->
			<nav class="navbar-default navbar-side">
				<div class="sidebar-collapse">
					<!--用户头像-->
					<div class="tpl-sidebar-user-panel">
						<div class="tpl-user-panel-slide-toggleable">
							<div class="tpl-user-panel-profile-picture">
								<img src="../assets/img/user04.png" alt="">
							</div>
						</div>
					</div>
					<dl class="list_dl">
						<dt class="list_dt">
						<a href="../index.html">
							<span class="QK1 start_before"></span>
							<p>首页</p>
						</a>
					</dt>
						<dt class="list_dt">
						<span class="QK1 topic_before"></span>
						<p>题库管理</p>
						<i class="QK1 list_dt_icon"></i>
					</dt>
						<dd class="list_dd">
							<ul>
								<li class="list_li">
									<a href="../questiondb/questiondb.html">管理题库</a>
								</li>
								<li class="list_li">
									<a href="../question/question.html">管理试题</a>
								</li>
							</ul>
						</dd>
						<dt id="open" class="list_dt">
						<span class="QK1 paper_before"></span>
						<p>试卷管理</p>
						<i class="QK1 list_dt_icon"></i>
					</dt>
						<dd class="list_dd" style="display: block">
							<ul>
								<li class="list_li">
									<a href="../paper/addpaper.html">创建试卷</a>
								</li>
								<li class="list_li" id="style_li_a">
									<a href="../paper/paper.html">管理试卷</a>
								</li>
							</ul>
						</dd>
						<dt class="list_dt">
						<span class="QK1 system_before"></span>
						<p>系统管理</p>
						<i class="QK1 list_dt_icon"></i>
					</dt>
						<dd class="list_dd">
							<ul>
								<li class="list_li">
									<a href="../system.html">系统管理</a>
								</li>
								<li class="list_li">
									<a href="../admin/admin.html">管理员</a>
								</li>
								<li class="list_li">
									<a href="../adminroles/adminroles.html">角色管理</a>
								</li>
							</ul>
						</dd>
						<dt class="list_dt">
						<span class="QK1 user_before"></span>
						<p>用户管理</p>
						<i class="QK1 list_dt_icon"></i>
					</dt>
						<dd class="list_dd">
							<ul>
								<li class="list_li">
									<a href="../user/user.html">管理用户</a>
								</li>
								<li class="list_li">
									<a href="../user/usergroup.html">用户分组</a>
								</li>
							</ul>
						</dd>
						<dt class="list_dt">
							<span class="QK1 user_before"></span>
							<p>知识点模块</p>
							<i class="QK1 list_dt_icon"></i>
						</dt>
						<dd class="list_dd">
							<ul>
								<li class="list_li">
									<a href="../KnowledgePoint/KnowledgeBlock.html">管理知识点</a>
								</li>
							</ul>
						</dd>
					</dl>
				</div>
			</nav>
			<!-- 内容区域 -->
			<div id="page-wrapper">
				<div class="row">
					<div class="col-lg-12">
						<section class="panel">
							<header class="panel-heading">
								<span class="label label-primary">题型修改</span>
								<button type="button" class="btn btn-success btn-sm add_clazz btn_my" id="back">
								<span class="QK1 QK-fanhui1"></span>&nbsp;&nbsp;返回
							</button>
							</header>
							<div class="panel-body">
								<form class="form-horizontal">
									<div class="form-group">
										<label for="user-name" class="col-lg-1 col-sm-1 control-label">题型种类</label>
										<div class="col-lg-4 text_test">
											<input type="text" class="form-control" id="sectionName" name="sectionName" placeholder="请输入新题型">
										</div>
									</div>
									<div class="form-group">
										<label for="user-email" class="col-lg-1 col-sm-1 control-label">备注</label>
										<div class="col-lg-4 text_test">
											<input type="text" class="form-control" id="remark" name="remark" placeholder="请输入备注">
										</div>
									</div>
									<div class="form-group">
										<div class="col-lg-1 col-sm-1">
											<button type="button" class="btn btn-block submit_button" id="add">提交</button>
										</div>
									</div>
								</form>
								<section id="unseen">
									<table width="100%" class="table table-bordered table-striped table-condensed table_paper" id="example-r">
										<thead>
											<tr>
												<th>题型种类</th>
												<th>备注</th>
												<th>操作</th>
											</tr>
										</thead>
										<tbody id="wraper">
										</tbody>
									</table>
								</section>
								<div class="am-u-lg-12 am-cf">
								</div>
							</div>
						</section>
					</div>
				</div>
			</div>
			<div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm">
				<div class="am-modal-dialog">
					<div class="am-modal-hd">提示</div>
					<div class="am-modal-bd">
						你，确定要删除这条记录吗？
					</div>
					<div class="am-modal-footer">
						<span class="am-modal-btn" data-am-modal-cancel>取消</span>
						<span class="am-modal-btn" data-am-modal-confirm>确定</span>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/theme.js"></script>
<script type="text/javascript" src="../assets/js/jquery.cookie.js"></script>
<script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
<script src="https://img.hcharts.cn/highcharts/modules/data.js"></script>
<script src="https://img.hcharts.cn/highcharts/modules/drilldown.js"></script>
<script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/amazeui.datatables.min.js"></script>
<script src="../assets/js/dataTables.responsive.min.js"></script>
<script src="../assets/js/app.js"></script>
<script>
	$("#back").click(function() {
		window.location.href = "paper.html";
	})
	/*$(function(){
	    $(".add_clazz").click(function(){
	        alert("324");
	    })
	})*/
	//请求数据
	var qid = window.location.search.split("=")[1];
	$.ajax({
		url: localApi + "/PaperSection/index",
		type: 'GET',
		xhrFields: {
			withCredentials: true
		},
		crossDomain: true,
		data: {
			apikey: '1',
			pid: qid
		},
		success: function(result) {
			$.each(result.data, function(n, item) {
				var coulmn = '<tr class="even gradeX student"><td>' + item.sectionName + '</td><td>' + item.remark;
				coulmn += '<td class="operation"><div class="tpl-table-black-operation"><a href="updatesection.html?id=' + item.id + '&sid=' + qid + '" class="edit_student button button--aylen button button--aylen"><i class="QK1 QK-bianji"></i>编辑</a>' +
					'<a href="javascript:;" value=' + item.id + ' class="tpl-table-black-operation-del button button--aylen" ><i class="QK1 QK-shanchu"></i>删除</a></div></td></tr>';
				$("table tbody").append(coulmn);
			});
		}
	})

	$(document).ready(function() {
		$('select.select').select();
		//添加章节
		$("#add").click(function() {
			$.ajax({
				url: localApi + "/PaperSection/add",
				type: 'POST',
				xhrFields: {
					withCredentials: true
				},
				crossDomain: true,
				data: {
					apikey: '1',
					pid: qid,
					sectionName: $("input[name='sectionName']").val(),
					remark: $("input[name='remark']").val()
				},
				success: function(result) {
					alert("添加成功");
					window.location.href = "section.html?id=" + qid
				}
			})
		});
	});

	//删除章节
	$(document).on('click', '.tpl-table-black-operation-del', function() {
		var sid = $(this).attr("value");
		$('#my-confirm').modal({
			relatedTarget: this,
			onConfirm: function(options) {
				$.ajax({
					url: localApi + "/PaperSection/delete",
					type: 'POST',
					xhrFields: {
						withCredentials: true
					},
					crossDomain: true,
					data: {
						apikey: '1',
						id: sid
					},
					success: function(result) {
						if(result.msg == "success") {
							alert("删除成功");
							window.location.href = "section.html?id=" + qid
						} else {
							alert("删除失败");
						}
					}
				});
			}
		});
	});
</script>
<script>
	$(document).ready(function() {
		$(".list_dt").on("click", function() {
			$('.list_dd').stop();
			$(this).siblings("dt").removeAttr("id");
			if($(this).attr("id") == "open") {
				$(this).removeAttr("id").siblings("dd").slideUp();
			} else {
				$(this).attr("id", "open").next().slideDown().siblings("dd").slideUp();
			}
		});
	});
</script>
<script>
	$(document).ready(function() {
		$(".dropdown-button").dropdown();
		$("#sideNav").click(function() {
			if($(this).hasClass('closed')) {
				$('.navbar-side').animate({
					left: '0px'
				});
				$(this).removeClass('closed');
				$('#page-wrapper').animate({
					'margin-left': '260px'
				});
			} else {
				$(this).addClass('closed');
				$('.navbar-side').animate({
					left: '-260px'
				});
				$('#page-wrapper').animate({
					'margin-left': '0px'
				});
			}
		});
	});
	$(".dropdown-button").dropdown();
</script>